<html lang="en">
    <head>
        <!-- script type="text/javascript">
            $(document).ready(function() {
                $('.combobox').combobox();
            });
        </script -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Programmer of Donbaka Studio">
        <meta name="author" content="Brilliant Oka Suryanegara">
        <!-- meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" -->
        <link rel="shortcut icon" href="<?= base_url() ?>src/bootstrap/docs-assets/ico/favicon.png">
        <title>SIUK - <?=$title?></title>

        <!-- Bootstrap core CSS -->
        <link href="<?= base_url() ?>src/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="<?= base_url() ?>src/css/sticky-footer-navbar.css" rel="stylesheet">
        <link href="<?= base_url() ?>src/combobox/css/bootstrap-combobox.css" rel="stylesheet">
        
		<link href="<?= base_url() ?>src/css/custom.css" rel="stylesheet">
		<link href="<?= base_url() ?>src/font-awesome/css/font-awesome.min.css" rel="stylesheet">

		<script src="<?= base_url() ?>src/js/jquery-1.10.2.min.js"></script>
		<script src= "<?= base_url() ?>src/bootstrap/dist/js/bootstrap.min.js"></script>
    </head>
    <body>
        <!-- Wrap all page content here -->
        <div id="wrap">
            <!-- Fixed navbar -->
            <div class="perbanas">
				<div class="container">
					<div class="col-lg-7">
						<img src="<?= base_url() ?>src/images/logo.png">
					</div>
					<div class="row transform">
						<div class="col-lg-1 goleft">
							<a href="<?= site_url('user') ?>" class="btn btn-lg btn-primary tombol-atas" id="search"><i class="fa fa-user"></i> User</a>
						</div>
						<div class="col-lg-1">
							<a href="<?= site_url() ?>/auth/keluar" class="btn btn-lg btn-danger tombol-atas" id="search"><i class="fa fa-sign-out"></i> Logout</a>
						</div>
					</div>
				</div>
            </div>
            <div class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-perbanas">	
                            <li>
								<a href="<?= site_url() ?>/dashboard" class="menu-item">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-home fa-stack-1x fa-inverse"></i>
											</span>
										</div>
										<div class="menu-desc">Beranda</div>
									</div>
								</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-file-text fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">MOU</div>
									</div>
								</a>
								<!-- div class="glyphicon menu-icon glyphicon-book"></div>
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">MOU<b class="caret"></b></a -->
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/21">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/31">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/41">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/51">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/61">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/16">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/26">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/36">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/46">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/56">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-file fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">MOA</div>
									</div>
								</a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/22">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/32">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/42">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/52">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/62">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/17">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/27">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/37">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/47">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/57">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-book fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Berita Acara</div>
									</div>
								</a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/23">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/33">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/43">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/53">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/63">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/18">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/28">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/38">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/48">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/58">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-download fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Surat Masuk</div>
									</div>
								</a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/24">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/34">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/44">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/54">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/64">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/19">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/29">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/39">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/49">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/59">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-upload fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Surat Keluar</div>
									</div>
								</a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/70">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/72">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/74">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/76">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/78">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/69">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/71">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/73">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/75">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/77">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle menu-item" data-toggle="dropdown">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-check-square-o fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Quality Procedure</div>
									</div>
								</a>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu" >
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Nasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/25">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/35">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/45">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/55">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/65">Pemerintah</a></li>
										</ul>
									</li>
									<li class="divider"></li>
									<li class="dropdown-submenu"> <a tabindex="-1" href="#" class="">Internasional</a>
										<ul class="dropdown-menu">
											<li><a href="<?= site_url() ?>/surat/category/20">Perbankan</a></li>
											<li><a href="<?= site_url() ?>/surat/category/30">Swasta</a></li>
											<li><a href="<?= site_url() ?>/surat/category/40">Perguruan Tinggi</a></li>
											<li><a href="<?= site_url() ?>/surat/category/50">SMA</a></li>
											<li><a href="<?= site_url() ?>/surat/category/60">Pemerintah</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li>
								<a href="<?=site_url()?>/surat">
									<div class="text-center">
										<div class="menu-icon menu-tambah">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-plus fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Tambah Surat</div>
									</div>
								</a>
							</li>
						</ul>
						
						<ul class="nav navbar-nav pull-right">
							<li>
								<a href="<?=site_url()?>/pencarian" class="menu-item">
									<div class="text-center">
										<div class="menu-icon">
											<span class="fa-stack fa-lg">
											  <i class="fa fa-square fa-stack-2x"></i>
											  <i class="fa fa-search fa-stack-1x fa-inverse"></i>
											</span>											
										</div>
										<div class="menu-desc">Pencarian</div>
									</div>
								</a>
							</li>
						</ul>
						<div style="margin-left:90%;margin-top:-62px;">
							
						</div>
					</div><!--/.nav-collapse -->
				</div>
			</div>
